<!DOCTYPE html>

<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>按名称提取列到新表</title>
    <style>
        hr {
               height: 0.2em;              /*水平线高：0.2字符尺寸*/
                border: 0;                  /*无边框*/
                color: #CCCCCC;             /*前景色：浅灰色*/
                background-color: #CCCCCC;  /*背景色：浅灰色*/
                text-indent: 0;             /*文本缩进：无*/
        }
    </style>
</head>
<script type="text/javascript" src="../js/util.js"></script>
<script type="text/javascript" src="../js/dropcolspane.js"></script>
<script type="text/javascript" src="../.debugTemp/wpsjsrpcsdk.js"></script>
<body>
    <div class="global">
        
        <button onclick="onbuttonclick('setDataSource')">将选定区域设置为提取源数据</button>
        <p style="width:100%;text-align: center;">
            <textarea id="txtDataSource" rows="3" cols="30" title="Set Data Source"
                      style="margin-left:auto;width:98%;margin-right:auto;"></textarea>
        </p>

        <p>注意：源数据区域首行<b>必须是单行的标题</b>！这行标题中每个单元格都被视为一个列名（字段名），提取时就是按这些列名执行的。
            如果第一行某个单元格是空值，则此单元格对应列在结果中会被直接忽略。</p>

        <hr style="height:5px;">

        <button onclick="onbuttonclick('setFindColumnFields')">将选定区域设置为提取条件</button>
        <p style="width:100%;text-align: center;">
            <textarea id="txtConditionFields" rows="3" cols="30" title="Set Condition Fields"
                      style="margin-left:auto;width:98%;margin-right:auto;"></textarea>
        </p>
        <p>注意：只支持选择单行部分单元格作为提取条件！这一行选定区域中每个单元格的值都被视为一个提取条件。
            提取的数据会出现在这些单元格下侧对应的位置。
            如果选定的这些单元格中有空值，则会被忽略！
            这一操作会覆盖单元格下侧可能存在的数据，请谨慎操作！！！</p>
        
        <p style="font-weight: bold;">条件行下空&nbsp;
            <input id="iptEmptyRowsCount" type="number" value="0" title="Set Empty Rows Count"
                   style="width:50px;vertical-align: center;margin-top: 4px;" />
            &nbsp;行。</p>
        <p>说明：有时想使用某行作为一个字段名称行，但又不希望它下面一行已有数据被覆盖，于是可以设置这个值为1。</p>

        <button onclick="onbuttonclick('btnDrop')">提取数据</button>
        
    </div>
</body>

<style>
    .global{
        min-height: 95%;
    }
    .divItem{
        margin-left: 5px;
        margin-bottom: 18px;
        word-wrap:break-word;
    }
    body {
        font-size: 11px;
    }
    button {
        font-size: 11px;
        width: 100%;
        padding: 4px 10px;
        margin-top: 5px;
    }
    select {
        height: 24px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
</style>
</html>
